<template>
  <div class="page flex-col">
    <div class="outer1 flex-col">
      <div class="block1 flex-col">
        <div class="block2 flex-row">
          <div class="wrap1 flex-col">
            <div class="layer1 flex-col">
              <img
                class="pic1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6a676a148d666b226e96dd472e25a784f4faede148763cf4ded8bd50f21dc519"
              />
            </div>
          </div>
          <div class="wrap2 flex-col">
            <div class="outer2 flex-row">
              <span class="txt1">华小瑞</span>
              <img
                class="label1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng65f6a7022747d0e40cac830b9bd9a28decbe7dda4c8d55e129413fa1466ce409"
              />
            </div>
            <span class="txt2">这里是所属机构名称</span>
          </div>
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14cbf0033a3c3ee786e8135aa5dc7259b96137dd01d1b7cfcc58155c786e8d1d"
          />
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng020c916b121f4bdcd42440a0ba959f34e66a239f9dea174c63c548740161575e"
          />
        </div>
        <div class="block3 flex-row">
          <div class="layer2 flex-col">
            <div class="layer3 flex-col">
              <div class="box1 flex-col">
                <img
                  class="img1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng00e2c3e139ee7fb28041ccee89d46dc74417e4665b6fc2ae025e3fec51433893"
                />
              </div>
              <span class="txt3">待处理</span>
            </div>
          </div>
          <img
            class="label2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb905b26cd28be8743fa1cb27696e291af204f469536daa01a92e82ad9339bc5c"
          />
          <div class="layer4 flex-col">
            <div class="box2 flex-col">
              <img
                class="pic2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfc6a747481d9d03076448bec2cef2112a776ceaf9ad0e16ba0b19f19931bc922"
              />
              <span class="word1">已完成</span>
            </div>
          </div>
          <div class="layer5 flex-col">
            <div class="layer6 flex-col">
              <img
                class="pic3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng467805b6262008eda2cb0a4d466936ca3a52e48ac938a4002a72b8ab261f8182"
              />
              <span class="word2">暂存</span>
            </div>
          </div>
        </div>
        <div class="block4 flex-col"><span class="txt4">99</span></div>
        <div class="block5 flex-col">
          <div class="group1 flex-row">
            <span class="word3">订单信息搬家到了这里哦～</span>
            <img class="block6" src="../../assets/imgs/ddsmy3/close.png">
            <!-- <div class="block6 flex-col"></div> -->
          </div>
        </div>
        <div class="block7 flex-col">
          <div class="outer3 flex-col">
            <img
              class="label3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng57f8db48512d204f14746558c03ade7029857efb07b45a763e14a358cb4030c3"
            />
            <span class="word4">处理中</span>
          </div>
        </div>
      </div>
      <div class="block8 flex-row">
        <div class="layer7 flex-row">
          <div
            class="outer4-0 flex-col"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <div class="block9-0 flex-row">
              <img
                class="pic4-0"
                referrerpolicy="no-referrer"
                :src="item.lanhuimage0"
              />
              <div class="section1-0 flex-col">
                <span class="txt5-0" v-html="item.lanhutext0"></span>
                <span class="txt6-0" v-html="item.lanhutext1"></span>
              </div>
            </div>
          </div>
        </div>
        <div class="layer8 flex-col">
          <img
            class="img2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngffc189c7a4b46edfd8d4d2263ae22a3040426bdab8a84d475afe37f8934538c2"
          />
        </div>
      </div>
      <div class="block10 flex-col">
        <div class="bd1 flex-row">
          <span class="word5">我是一句介绍荣誉榜的文案</span>
          <img
            class="label4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng426901eeef1450af19aac132d7aaa24c259d9dc682cf8a3500e64414d270955d"
          />
        </div>
      </div>
      <div class="block11 flex-col">
        <div class="box3 flex-col">
          <div class="section2 flex-col">
            <div class="group2 flex-row">
              <span class="word6">我的收入</span>
              <img
                class="icon3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6d8cfff11ff5c7a0d49ef7ee55a6c4a18f5f8a892f44ba62f38cf40cfa99116d"
              />
              <img
                class="icon4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng426901eeef1450af19aac132d7aaa24c259d9dc682cf8a3500e64414d270955d"
              />
            </div>
          </div>
          <div class="section3 flex-col">
            <div class="outer5 flex-col">
              <div class="group3 flex-row">
                <span class="word7">上月收入(元)</span>
                <span class="txt7">18,953.00</span>
              </div>
              <span class="txt8">2020年11月</span>
              <div class="group4 flex-col"></div>
            </div>
          </div>
          <div class="section4 flex-col">
            <div class="main1 flex-col">
              <div class="wrap3 flex-row">
                <span class="info1">全年收入(元)</span>
                <span class="word8">53,920.80</span>
              </div>
              <span class="word9">2020年1月至11月</span>
            </div>
          </div>
        </div>
      </div>
      <div class="block12 flex-col">
        <div class="group5 flex-col">
          <div class="wrap4 flex-col"><span class="word10">展业助手</span></div>
          <div class="wrap5 flex-row">
            <div
              class="layer9-0 flex-col"
              v-for="(item, index) in loopData1"
              :key="index"
            >
              <div class="outer6-0 flex-col">
                <img
                  class="label5-0"
                  referrerpolicy="no-referrer"
                  :src="item.lanhuimage0"
                />
                <div class="bd2-0 flex-col">
                  <span class="word11-0" v-html="item.lanhutext0"></span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="block13 flex-col">
        <div class="block14 flex-col">
          <div class="layer10 flex-col">
            <div class="bd3 flex-row">
              <span class="word12">我的成长</span>
              <span class="word13">更多</span>
              <img
                class="label6"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng426901eeef1450af19aac132d7aaa24c259d9dc682cf8a3500e64414d270955d"
              />
            </div>
          </div>
          <div class="layer11 flex-row">
            <div class="layer12 flex-col">
              <div class="bd4 flex-col">
                <div class="box4 flex-col">
                  <span class="info2">今日已学</span>
                </div>
                <div class="box5 flex-col">
                  <div class="box6 flex-row">
                    <span class="word14">0</span>
                    <span class="word15">分钟</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="layer13 flex-col">
              <div class="mod1 flex-col">
                <button class="box7 flex-col" @click="onClick_1">
                  <span class="info3">累计学习</span>
                </button>
                <div class="box8 flex-col">
                  <div class="section5 flex-row">
                    <span class="info4">6.8</span>
                    <span class="word16">小时</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="block15 flex-col">
        <div class="outer7 flex-col">
          <div class="main2 flex-row">
            <span class="txt9">联系我们</span>
            <img
              class="icon5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng426901eeef1450af19aac132d7aaa24c259d9dc682cf8a3500e64414d270955d"
            />
          </div>
        </div>
      </div>
      <div class="block16 flex-col">
        <div class="bd5 flex-row">
          <img
            class="label7"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/ddsmy3/sy.png"
          />
          <div class="main3 flex-col"></div>
          <img
            class="icon6"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/ddsmy3/ext.png"
          />
          <img
            class="label8"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/ddsmy3/wd.png"
          />
        </div>
        <div class="bd6 flex-row">
          <span class="txt10">首页</span>
          <span class="info5">产品</span>
          <span class="info6">e学堂</span>
          <span class="txt11">我的</span>
        </div>
      </div>
    </div>
    <img
      class="img3"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdc92d5e586eae76e9c8a7baccd4672f791011a5efb650f3e1549f8087166da39"
    />
    <img
      class="pic5"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1dbe0a36dc0d91e93a9c892a382c9a213127abce1ed000ddad4fcfac0fc44b41"
    />
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng904466d0e28e67fd6736026354e93afaa12ed2713832703610cc3d70dd682e3b',
          lanhutext0: '我的计划书',
          lanhutext1: '不超过七个字符'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngeab5783b2d1dd2fa6a2e0b0db7f04daf054c60729a8495f483567553baabec88',
          lanhutext0: '团队管理',
          lanhutext1: '我是副文案内容'
        }
      ],
      loopData1: [
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1ec70f21c815a506f36f0c6283aff9d92504ba12178e44153ce9b7c9f436941f',
          lanhutext0: '获客专区'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb899ff526bd8f6a5f2848d9c7820dd81db0f5da8f2743c9ff281e15204a9f5fd',
          lanhutext0: '我的微店'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng05326c686b1ea2ee699a675c9731efab7ab9baf59c077cfef718c1a108b76010',
          lanhutext0: '投保助手'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge3ca8603245bc500332b5701c951d080cc2d437f629f973bb67133f8bc8daa1f',
          lanhutext0: '核保小助手'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4b496f27de7ea28e597b1d2bd2f6534ab82bd64a6a5610c255fc23c8599843e3',
          lanhutext0: '客户管理'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng79f693fa810be94540f3e3475402a6f6b6d0c2ce6ad19ca41192641b22ab4844',
          lanhutext0: '复利计算器'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2eb2dd58b6ecf25abd8d32336451a05b22065feecf601e630f12fb73e2716889',
          lanhutext0: '养老金测算'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5692f546a6f8736e75c433f603844b5824d6405f7ab12cacead6fe744d664faf',
          lanhutext0: 'BMI测算'
        }
      ],
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2671px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  .outer1 {
    z-index: auto;
    width: 750px;
    height: 2671px;
    .block1 {
      z-index: 2;
      height: 468px;
      background: url('../../assets/imgs/ddsmy3/bg.png')
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 750px;
      position: relative;
      .block2 {
        z-index: auto;
        width: 661px;
        height: 90px;
        margin: 44px 0 0 40px;
        .wrap1 {
          z-index: 39;
          position: relative;
          width: 90px;
          height: 90px;
          border-radius: 45px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng17e023d766c9e5cf6e25751a20c99510548813fba2cc6984f8211383fa92e4d8)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          .layer1 {
            z-index: 40;
            height: 90px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1a031a45cbaa14ad761bfe7964713d75cb0688e4097b010b1eea94725177c824)
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            width: 90px;
            position: absolute;
            left: 0;
            top: 0;
            .pic1 {
              z-index: 41;
              width: 90px;
              height: 90px;
            }
          }
        }
        .wrap2 {
          z-index: auto;
          width: 270px;
          height: 82px;
          margin: 5px 0 0 24px;
          .outer2 {
            z-index: auto;
            // width: 136px;
            height: 48px;
            // justify-content: space-between;
            .txt1 {
              z-index: 42;
            //   width: 102px;
                margin-right: 11px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 34px;
              font-family: PingFangSC-Semibold;
              font-weight: 700;
              line-height: 48px;
            }
            .label1 {
              z-index: 43;
              width: 24px;
              height: 24px;
              margin-top: 12px;
            }
          }
          .txt2 {
            z-index: 46;
            width: 270px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 0.8);
            font-size: 22px;
            line-height: 30px;
            margin-top: 4px;
          }
        }
        .icon1 {
          z-index: 32;
          width: 38px;
          height: 38px;
          margin: 26px 0 0 169px;
        }
        .icon2 {
          z-index: 28;
          width: 38px;
          height: 34px;
          margin: 28px 0 0 32px;
        }
      }
      .block3 {
        z-index: auto;
        width: 668px;
        height: 130px;
        margin: 42px 0 0 46px;
        .layer2 {
          z-index: 49;
          height: 130px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a9ea266f2f8e89d9ba3946f44965f864f3a4599b20510ae054100b52eafc2bd)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 167px;
          justify-content: center;
          align-items: center;
          .layer3 {
            z-index: auto;
            width: 72px;
            height: 108px;
            .box1 {
              z-index: 51;
              height: 72px;
              width: 72px;
              justify-content: center;
              align-items: center;
              .img1 {
                z-index: 53;
                width: 50px;
                height: 50px;
              }
            }
            .txt3 {
              z-index: 50;
            //   width: 72px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 0.8);
              font-size: 24px;
              line-height: 30px;
              text-align: left;
              margin-top: 6px;
            }
          }
        }
        .label2 {
          z-index: 54;
          width: 12px;
          height: 12px;
          margin: 13px 0 0 107px;
        }
        .layer4 {
          z-index: 68;
          height: 130px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a9ea266f2f8e89d9ba3946f44965f864f3a4599b20510ae054100b52eafc2bd)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          margin-left: 48px;
          width: 167px;
          justify-content: flex-end;
          padding-bottom: 10px;
          align-items: center;
          .box2 {
            z-index: auto;
            width: 72px;
            height: 95px;
            .pic2 {
              z-index: 71;
              width: 50px;
              height: 46px;
              align-self: center;
            }
            .word1 {
              z-index: 69;
            //   width: 72px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 0.8);
              font-size: 24px;
              line-height: 30px;
              text-align: left;
              margin-top: 19px;
            }
          }
        }
        .layer5 {
          z-index: 63;
          height: 130px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a9ea266f2f8e89d9ba3946f44965f864f3a4599b20510ae054100b52eafc2bd)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 167px;
          justify-content: flex-end;
          padding-bottom: 10px;
          align-items: center;
          .layer6 {
            z-index: auto;
            width: 52px;
            height: 95px;
            .pic3 {
              z-index: 66;
              width: 52px;
              height: 46px;
            }
            .word2 {
              z-index: 64;
            //   width: 48px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 0.8);
              font-size: 24px;
              line-height: 30px;
              text-align: center;
              margin-top: 19px;
            }
          }
        }
      }
      .block4 {
        z-index: 34;
        height: 28px;
        background: #ED584B;
        width: 28px;
        padding: 5px;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 613px;
        top: 61px;
        .txt4 {
          z-index: 36;
        //   width: 23px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 20px;
          font-family: Arial-BoldMT;
          line-height: 23px;
          text-align: left;
        }
      }
      .block5 {
        z-index: 127;
        height: 63px;
        background: url('../../assets/imgs/ddsmy3/ts.png')
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        width: 368px;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
        left: 92px;
        top: 124px;
        padding: 10px 16px 0 0;
        .group1 {
          z-index: auto;
          width: 329px;
          height: 33px;
          justify-content: space-between;
          align-items: center;
          .word3 {
            z-index: 136;
            width: 288px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 24px;
            line-height: 33px;
            text-align: left;
          }
          .block6 {
            z-index: 131;
            width: 20px;
            height: 20px;
//             background: url('../../assets/imgs/ddsmy3/close.png') -10px -5px
//               no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
//             margin-top: 8px;
//              margin-left: 10px;
          }
        }
      }
      .block7 {
        z-index: 57;
        height: 130px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a9ea266f2f8e89d9ba3946f44965f864f3a4599b20510ae054100b52eafc2bd)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        width: 167px;
        justify-content: flex-end;
        padding-bottom: 10px;
        align-items: center;
        position: absolute;
        left: 213px;
        top: 176px;
        .outer3 {
          z-index: auto;
          width: 72px;
          height: 95px;
          .label3 {
            z-index: 60;
            width: 40px;
            height: 46px;
            align-self: center;
          }
          .word4 {
            z-index: 58;
            // width: 72px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 0.8);
            font-size: 24px;
            line-height: 30px;
            text-align: left;
            margin-top: 19px;
          }
        }
      }
    }
    .block8 {
      z-index: auto;
      width: 710px;
      height: 150px;
      justify-content: space-between;
      margin: 92px 0 0 40px;
      .layer7 {
        z-index: auto;
        width: 620px;
        height: 149px;
        justify-content: space-between;
        .outer4-0 {
          z-index: 104;
          height: 150px;
          border-radius: 14px;
          background-color: rgba(255, 255, 255, 1);
          margin-right: 20px;
          width: 300px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 22px;
          .block9-0 {
            z-index: auto;
            width: 248px;
            height: 66px;
            justify-content: space-between;
            .pic4-0 {
              z-index: 108;
              width: 64px;
              height: 64px;
              margin-top: 2px;
            }
            .section1-0 {
              z-index: auto;
            //   width: 168px;
              height: 65px;
              .txt5-0 {
                z-index: 109;
                // width: 160px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 30px;
                font-family: PingFangSC-Medium;
                font-weight: 700;
                line-height: 32px;
                align-self: flex-start;
              }
              .txt6-0 {
                z-index: 110;
                // width: 168px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(152, 160, 179, 1);
                font-size: 24px;
                line-height: 24px;
                margin-top: 9px;
              }
            }
          }
        }
      }
      .layer8 {
        z-index: 119;
        height: 150px;
        border-radius: 14px;
        background-color: rgba(255, 255, 255, 1);
        width: 70px;
        justify-content: center;
        align-items: flex-end;
        .img2 {
          z-index: 122;
          width: 40px;
          height: 64px;
        }
      }
    }
    .block10 {
      z-index: 245;
      height: 90px;
      border-radius: 0 0 14px 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 190px;
      width: 670px;
      justify-content: center;
      align-items: center;
      .bd1 {
        z-index: auto;
        width: 610px;
        height: 40px;
        justify-content: space-between;
        .word5 {
          z-index: 250;
        //   width: 336px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 28px;
          font-family: PingFangSC-Medium;
          line-height: 40px;
          text-align: left;
        }
        .label4 {
          z-index: 246;
          width: 24px;
          height: 24px;
          margin-top: 9px;
        }
      }
    }
    .block11 {
      z-index: 73;
      height: 410px;
      border-radius: 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 29px;
      width: 670px;
      justify-content: flex-end;
      padding-bottom: 10px;
      .box3 {
        z-index: auto;
        width: 670px;
        height: 380px;
        .section2 {
          z-index: 75;
          height: 90px;
          width: 670px;
          justify-content: center;
          align-items: center;
          .group2 {
            z-index: auto;
            width: 610px;
            height: 44px;
            .word6 {
              z-index: 78;
            //   width: 152px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 38px;
              font-family: PingFangSC-Medium;
              font-weight: 700;
              line-height: 40px;
              text-align: left;
              margin-top: 2px;
            }
            .icon3 {
              z-index: 79;
              width: 44px;
              height: 44px;
              margin-left: 26px;
            }
            .icon4 {
              z-index: 86;
              width: 24px;
              height: 24px;
              margin: 10px 0 0 364px;
            }
          }
        }
        .section3 {
          z-index: 92;
          height: 140px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5c622d0aa7ef8e213ae9102b44525a9edbf970c8ac35dc9bf949599e5d73e70)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          align-self: center;
          margin-top: 10px;
          width: 610px;
          justify-content: flex-end;
          .outer5 {
            z-index: auto;
            width: 610px;
            height: 108px;
            .group3 {
              z-index: auto;
              width: 610px;
              height: 42px;
              justify-content: space-between;
              .word7 {
                z-index: 94;
                // width: 280px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(51, 51, 51, 1);
                font-size: 30px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 42px;
                text-align: left;
              }
              .txt7 {
                z-index: 95;
                // width: 320px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 38px;
                font-family: Arial-BoldMT;
                font-weight: 700;
                line-height: 43px;
                text-align: right;
              }
            }
            .txt8 {
              z-index: 96;
              width: 610px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 160, 179, 1);
              font-size: 24px;
              line-height: 30px;
              margin-top: 4px;
            }
            .group4 {
              z-index: 93;
              width: 610px;
              height: 1px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga3b00a4418cb5ead32723635ccb514e3800efe12b59cecea66c7a7b2c44c1214) -1px
                0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              margin-top: 31px;
            }
          }
        }
        .section4 {
          z-index: 98;
          height: 140px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5c622d0aa7ef8e213ae9102b44525a9edbf970c8ac35dc9bf949599e5d73e70)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          align-self: center;
          width: 610px;
          justify-content: center;
          .main1 {
            z-index: auto;
            width: 610px;
            height: 76px;
            .wrap3 {
              z-index: auto;
              width: 610px;
              height: 42px;
              justify-content: space-between;
              .info1 {
                z-index: 99;
                // width: 280px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(51, 51, 51, 1);
                font-size: 30px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 42px;
                text-align: left;
              }
              .word8 {
                z-index: 100;
                // width: 320px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 38px;
                font-family: Arial-BoldMT;
                font-weight: 700;
                line-height: 43px;
                text-align: right;
              }
            }
            .word9 {
              z-index: 101;
              width: 610px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 160, 179, 1);
              font-size: 24px;
              line-height: 30px;
              margin-top: 4px;
            }
          }
        }
      }
    }
    .block12 {
      z-index: 176;
      height: 430px;
      border-radius: 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      .group5 {
        z-index: auto;
        width: 670px;
        height: 369px;
        .wrap4 {
          z-index: 239;
          height: 90px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .word10 {
            z-index: 240;
            // width: 160px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 40px;
            font-family: PingFangSC-Medium;
            font-weight: 700;
            line-height: 40px;
            text-align: left;
          }
        }
        .wrap5 {
          z-index: auto;
          width: 630px;
          height: 269px;
          align-self: center;
          margin-top: 10px;
          flex-wrap: wrap;
          .layer9-0 {
            z-index: 200;
            height: 130px;
            width: 146px;
            justify-content: flex-end;
            padding-bottom: 10px;
            align-items: center;
            margin: 0 15px 10px 0;
            &:nth-child(4n) {
              margin-right: 0;
            }
            &:nth-last-child(-n + 4) {
              margin-bottom: 0;
            }
            .outer6-0 {
              z-index: auto;
              width: 120px;
              height: 101px;
              .label5-0 {
                z-index: 206;
                width: 46px;
                height: 46px;
                align-self: center;
              }
              .bd2-0 {
                z-index: 202;
                height: 40px;
                margin-top: 15px;
                width: 120px;
                justify-content: center;
                .word11-0 {
                  z-index: 203;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(118, 127, 149, 1);
                  font-size: 24px;
                  line-height: 34px;
                  text-align: center;
                }
              }
            }
          }
        }
      }
    }
    .block13 {
      z-index: 138;
      height: 350px;
      border-radius: 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      .block14 {
        z-index: auto;
        width: 670px;
        height: 290px;
        .layer10 {
          z-index: 158;
          height: 90px;
          width: 670px;
          justify-content: center;
          align-items: center;
          .bd3 {
            z-index: auto;
            width: 610px;
            height: 40px;
            align-items: center;
            .word12 {
              z-index: 160;
            //   width: 152px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 38px;
              font-family: PingFangSC-Medium;
              font-weight: 700;
              line-height: 40px;
              text-align: left;
            }
            .word13 {
              z-index: 161;
            //   width: 52px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(118, 127, 149, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: right;
              margin: 1px 0 0 372px;
            }
            .label6 {
              z-index: 162;
              width: 24px;
              height: 24px;
              margin-left:10px;
            }
          }
        }
        .layer11 {
          z-index: auto;
          width: 610px;
          height: 180px;
          justify-content: space-between;
          margin: 20px 0 0 30px;
          .layer12 {
            z-index: 140;
            height: 180px;
            border-radius: 10px;
            background-color: rgba(246, 248, 255, 1);
            width: 296px;
            justify-content: flex-start;
            padding-top: 26px;
            align-items: center;
            .bd4 {
              z-index: auto;
              width: 236px;
              height: 124px;
              .box4 {
                z-index: 142;
                height: 54px;
                width: 236px;
                justify-content: center;
                align-items: flex-start;
                .info2 {
                  z-index: 143;
                //   width: 112px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(118, 127, 149, 1);
                  font-size: 28px;
                  line-height: 40px;
                  text-align: left;
                }
              }
              .box5 {
                z-index: 145;
                height: 60px;
                margin-top: 10px;
                width: 236px;
                justify-content: flex-end;
                align-items: flex-start;
                .box6 {
                  z-index: auto;
                //   width: 104px;
                  height: 56px;
                //   justify-content: space-between;
                  .word14 {
                    z-index: 146;
                    // width: 28px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 50px;
                    font-family: Arial-BoldMT;
                    font-weight: 700;
                    line-height: 58px;
                    text-align: left;
                  }
                  .word15 {
                    z-index: 147;
                    // width: 56px;
                    margin-left: 20px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 28px;
                    line-height: 40px;
                    text-align: left;
                    margin-top: 12px;
                  }
                }
              }
            }
          }
          .layer13 {
            z-index: 149;
            height: 180px;
            border-radius: 10px;
            background: #F6F8FF;
            width: 296px;
            justify-content: flex-start;
            padding-top: 26px;
            align-items: center;
            .mod1 {
              z-index: auto;
              width: 236px;
              height: 124px;
              .box7 {
                z-index: 151;
                height: 54px;
                width: 236px;
                justify-content: center;
                align-items: flex-start;
                .info3 {
                  z-index: 152;
                //   width: 112px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(118, 127, 149, 1);
                  font-size: 28px;
                  line-height: 40px;
                  text-align: left;
                }
              }
              .box8 {
                z-index: 154;
                height: 60px;
                margin-top: 10px;
                width: 236px;
                justify-content: center;
                align-items: flex-start;
                .section5 {
                  z-index: auto;
                //   width: 138px;
                  height: 56px;
                  justify-content: space-between;
                  .info4 {
                    z-index: 155;
                    // width: 70px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 50px;
                    font-family: Arial-BoldMT;
                    font-weight: 700;
                    line-height: 58px;
                    text-align: left;
                  }
                  .word16 {
                    z-index: 156;
                    // width: 56px;
                    margin-left: 20px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 28px;
                    line-height: 40px;
                    text-align: left;
                    margin-top: 14px;
                  }
                }
              }
            }
          }
        }
      }
    }
    .block15 {
      z-index: 167;
      height: 120px;
      border-radius: 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: center;
      .outer7 {
        z-index: 169;
        height: 90px;
        width: 670px;
        justify-content: center;
        align-items: center;
        .main2 {
          z-index: auto;
          width: 610px;
          height: 40px;
          justify-content: space-between;
          .txt9 {
            z-index: 170;
            width: 556px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 40px;
            font-family: PingFangSC-Medium;
            font-weight: 700;
            line-height: 40px;
            text-align: left;
          }
          .icon5 {
            z-index: 171;
            width: 24px;
            height: 24px;
            margin-top: 8px;
          }
        }
      }
    }
    .block16 {
      z-index: 9;
      height: 98px;
      background-color: rgba(255, 255, 255, 1);
      box-shadow: inset 0px 1px 0px 0px rgba(235, 235, 235, 1);
      margin-top: 154px;
      width: 750px;
      .bd5 {
        z-index: auto;
        width: 601px;
        height: 43px;
        margin: 12px 0 0 75px;
        .label7 {
          z-index: 12;
          width: 38px;
          height: 40px;
        }
        .main3 {
          z-index: 16;
          width: 42px;
          height: 40px;
          background: url('../../assets/imgs/ddsmy3/cp.png') -1px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          margin: 1px 0 0 143px;
        }
        .icon6 {
          z-index: 20;
          width: 40px;
          height: 42px;
          margin: 1px 0 0 149px;
        }
        .label8 {
          z-index: 24;
          width: 42px;
          height: 42px;
          margin-left: 147px;
        }
      }
      .bd6 {
        z-index: auto;
        width: 610px;
        height: 24px;
        justify-content: space-between;
        margin: 7px 0 0 70px;
        .txt10 {
          z-index: 13;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .info5 {
          z-index: 17;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .info6 {
          z-index: 21;
          width: 62px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .txt11 {
          z-index: 25;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 24px;
          font-family: Helvetica;
          line-height: 24px;
          text-align: justify;
        }
      }
    }
  }
  .img3 {
    z-index: 124;
    position: absolute;
    left: 40px;
    top: 330px;
    width: 670px;
    height: 200px;
  }
  .pic5 {
    z-index: 243;
    position: absolute;
    left: 40px;
    top: 709px;
    width: 670px;
    height: 191px;
  }
}

</style>
